<!doctype html>
<html>
<head lang="en">
	<meta charset="UTF-8">
<title>切换、判断样式</title>
<style type="text/css" >
*{
	margin:0px;
	padding:0px;
	font-size:14px;
	font-family:"微软雅黑";
	line-height: 28px;;
}
.title {font-size:14px; color:#03F; text-align: center; }
.text{ padding:10px;}
.content {background-color:#ddd; }
.border {border:1px dashed #03f; }
</style>

</head>
<body>

 <h2 class="title" >切换、判断样式</h2>
 <p class="text">
	toggleClass()当元素中含有名称为class的CSS类样式时，删除该类样式，否则增加一个该名称的类样式。<br>
	hasClass()参数class 是类名，为必填参数，返回值值是布尔型，在规定元素中查找，如果包含查找的类则返回true，否则返回false。
 </p>
 <script src="js/jquery-1.12.4.js" ></script>
 <script>
	 $(document).ready(function(){
		 $("h2").mouseover(function() {
			 if(!$("p").hasClass("content")){
				 $("p").addClass("content");
			 }
		 });
		 $("h2").mouseout(function() {
			 if($("p").hasClass("content")) {
				 $("p").removeClass("content");
			 }
		 });
	 });

 </script>
</body>
</html>
